<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        @font-face {
            font-family: 'ZoomlaTangYin-A053';
            /*逐浪唐寅行书体*/
            src: url('https://code.z01.com/font/ZoomlaTangYin-A053.eot?#iefix');
            /* IE9 */
            src: url('https://code.z01.com/font/ZoomlaTangYin-A053.eot?#iefix') format("embedded-opentype"),
                /* IE6-IE8 */
                url('https://code.z01.com/font/ZoomlaTangYin-A053.woff') format("woff"),
                /* chrome、firefox */
                url('https://code.z01.com/font/ZoomlaTangYin-A053.ttf') format("truetype"),
                /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
                url('https://code.z01.com/font/ZoomlaTangYin-A053.svg#ZoomlaTangYin-A053') format("svg");
            /* iOS 4.1- */
            font-style: normal;
            font-weight: normal;
        }

        div {
            /* 字体颜色
                1.关键字 red green blue ....
                2.十六进制 0-9 a-f 3 4 6
                3.rgb(red,green,blue)0-255
                4.rgba(red,green,blue,alpha)
            */
            /* color:red; */
            /* color: #abc500; */
            /* color: rgb(178,225,102); */
            /* alpha 透明度 0-1 0完全透明 1完全不透明 */
            /* color: rgba(178, 225, 102, 1); */

            /* 字体加粗 简写为fw */
            font-weight: bold;
            /* 字体大小 简写为fs   */
            font-size: 36px;
            /* 是否开启斜体 italic开启斜体 normal正常字体 */
            font-style: italic;
            /* 设置字体类型 简写为ff */
            font-family: "ZoomlaTangYin-A053";
            /* 设置文本水平对齐 简写为ta */
            text-align: center;
        }
    </style>
</head>

<body>
    <div>块级元素</div>
</body>

</html>